#intro {
  text-align: center; }
  #intro h1 {
    font-size: 72px;
    font-weight: normal;
    margin-bottom: 8px;
    color: #000;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
  #intro h2 {
    font-size: 32px;
    letter-spacing: 2px;
    color: #999;
    font-weight: 100;
    text-shadow: 1px 1px 1px #fff; }

#labs .deck-child-current, #labs .slide, #indexeddb-nosql .deck-child-current, #indexeddb-nosql .slide {
  visibility: visible;
  opacity: 1; }

#labs.deck-child-current, #indexeddb-nosql.deck-child-current {
  position: relative;
  left: 0px;
  top: 0px;
  visibility: visible;
  opacity: 1; }

#download > div h1, #mobile-common-devices > div h1 {
  font-size: 48px;
  font-weight: normal;
  margin-bottom: 8px;
  color: #000;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
#download > div h1 a, #download > div h1 a:hover, #download > div h1 a:visited, #mobile-common-devices > div h1 a, #mobile-common-devices > div h1 a:hover, #mobile-common-devices > div h1 a:visited {
  color: #000;
  text-decoration: none; }
#download > div h2, #mobile-common-devices > div h2 {
  font-size: 32px;
  letter-spacing: 2px;
  color: #999;
  font-weight: 100;
  text-shadow: 1px 1px 1px #fff; }

#appcache-tips li {
  margin-bottom: 20px; }

#indexeddb-nosql > div .slide.deck-current {
  color: #2c9d40;
  font-weight: bold; }

article:not(.on-slide-17) .index-state {
  display: none;
  visibility: hidden;
  opacity: 0; }

article:not(.on-slide-18) .cursor-state {
  display: none;
  visibility: hidden;
  opacity: 0; }

article:not(.on-slide-19) .result-set-state {
  display: none;
  visibility: hidden;
  opacity: 0; }

.index-state, .cursor-state, .result-set-state {
  font-weight: bold; }

.indexeddb-keypath-state {
  font-weight: bold !important; }

.home > article > .slide {
  text-align: left; }
  .home > article > .slide > hgroup {
    padding-top: 24px;
    margin-bottom: 32px; }
    .home > article > .slide > hgroup h1 {
      font-size: 72px;
      font-weight: normal;
      margin-bottom: 8px;
      font-family: 'Paytone One', sans-serif;
      color: #000;
      text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
    .home > article > .slide > hgroup h1 .amp {
      font-family: 'Neuton', sans-serif; }
    .home > article > .slide > hgroup h2 {
      font-size: 32px;
      letter-spacing: 2px;
      color: #999;
      font-weight: 100;
      text-shadow: 1px 1px 1px #fff; }
  .home > article > .slide > div h1 {
    font-size: 48px;
    font-weight: normal;
    margin-bottom: 8px;
    color: #000;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
  .home > article > .slide > div h2 {
    font-size: 32px;
    letter-spacing: 2px;
    color: #999;
    font-weight: 100;
    text-shadow: 1px 1px 1px #fff; }
  .home > article > .slide > div code {
    white-space: nowrap; }
  .home > article > .slide > div p, .home > article > .slide > div ol, .home > article > .slide > div ul, .home > article > .slide > div dl {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 20px; }
  .home > article > .slide > div li {
    margin-left: 26px; }
  .home > article > .slide > div dd {
    margin-left: 60px;
    margin-bottom: 24px; }
  .csstransforms .home > article > .slide > div {
    padding-top: 0px;
    padding-left: 10px;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.smaller {
  font-size: 24px; }

.accordion h1 {
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  -ms-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out; }

.accordion section, .accordion p {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.accordion {
  margin-top: 24px;
  margin-bottom: 24px; }

.accordion h1 {
  font-family: 'Droid Sans', sans-serif !important;
  font-weight: bold;
  color: black;
  line-height: 50px;
  font-size: 24px !important;
  background-color: #a4a4a4;
  margin: 0 !important;
  padding: 10px 10px 10px 20px; }

.accordion section {
  overflow: hidden;
  height: 220px; }

.accordion p {
  margin: 0 !important;
  padding: 10px 20px !important;
  color: black; }

.accordion section:not(.deck-current) p {
  color: #fff; }

.accordion section:not(.deck-current) {
  height: 70px; }

.accordion section.deck-current h1 {
  background-color: #2c9d40;
  height: 50px; }

.csstransforms.csstransitions .deck-previous, .csstransforms.csstransitions .deck-before {
  opacity: 0;
  -webkit-transition: opacity 600ms ease-in-out;
  -moz-transition: opacity 600ms ease-in-out;
  -ms-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out; }
.csstransforms.csstransitions .deck-current {
  opacity: 1;
  -webkit-transition: opacity 600ms ease-in-out;
  -moz-transition: opacity 600ms ease-in-out;
  -ms-transition: opacity 600ms ease-in-out;
  -o-transition: opacity 600ms ease-in-out;
  transition: opacity 600ms ease-in-out; }
.csstransforms.csstransitions #intro.deck-previous, .csstransforms.csstransitions #intro.deck-before {
  left: 0;
  top: 0;
  right: 0; }
  .csstransforms.csstransitions #intro.deck-previous h1, .csstransforms.csstransitions #intro.deck-previous h2, .csstransforms.csstransitions #intro.deck-previous p, .csstransforms.csstransitions #intro.deck-before h1, .csstransforms.csstransitions #intro.deck-before h2, .csstransforms.csstransitions #intro.deck-before p {
    -webkit-transform: translate3d(-300%, 0, 0);
    -moz-transform: translate(-300%, 0);
    -ms-transform: translate(-300%, 0);
    -o-transform: translate(-300%, 0);
    transform: translate3d(-300%, 0, 0); }
.csstransforms.csstransitions #intro h1 {
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out; }
.csstransforms.csstransitions #intro h2 {
  -webkit-transition: all 600ms ease-in-out 200ms;
  -moz-transition: all 600ms ease-in-out 200ms;
  -ms-transition: all 600ms ease-in-out 200ms;
  -o-transition: all 600ms ease-in-out 200ms;
  transition: all 600ms ease-in-out 200ms; }
.csstransforms.csstransitions #intro p {
  -webkit-transition: all 600ms ease-in-out 400ms;
  -moz-transition: all 600ms ease-in-out 400ms;
  -ms-transition: all 600ms ease-in-out 400ms;
  -o-transition: all 600ms ease-in-out 400ms;
  transition: all 600ms ease-in-out 400ms; }

.pointerevents.csstransforms.csstransitions .deck-current {
  z-index: auto; }
.pointerevents.csstransforms.csstransitions .deck-after:not(.deck-child-current), .pointerevents.csstransforms.csstransitions .deck-before:not(.deck-child-current), .pointerevents.csstransforms.csstransitions .deck-previous:not(.deck-child-current), .pointerevents.csstransforms.csstransitions .deck-next:not(.deck-child-current) {
  pointer-events: none; }
.pointerevents.csstransforms.csstransitions .deck-child-current .deck-before, .pointerevents.csstransforms.csstransitions .deck-child-current .deck-previous {
  pointer-events: auto; }

.no-pointerevents.csstransforms.csstransitions .deck-current, .no-pointerevents.csstransforms.csstransitions .deck-child-current {
  z-index: 4; }

.slide .slide {
  min-height: 0;
  height: auto; }
